<template>
  <div class="OutTime">
    <div class="time">停业时间: <span>{{}}</span></div>
    <div class="block">
      <el-date-picker
        v-model="value1"
        type="daterange"
        range-separator="To"
        start-placeholder="Start date"
        end-placeholder="End date"
      />
    </div>
    <button>确定修改</button>
    <div class="wzi">如何删除停业时间都设定:直接点击确定修改即可</div>
    <br />
    <div class="tiaoz">
      <router-link to="/home/ordertop/orderamdin">查看预约订单</router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.OutTime {
  width: 30%;
  height: auto;

  background-color: #f2f2f2;
  padding: 30px 20px;
}
.time {
  margin-bottom: 20px;
}
.block {
  width: 100%;
}
button {
  margin-top: 20px;
  width: 95%;
  height: 40px;
  background-color: #02a7f0;
  outline: none;
  border: none;
}
.wzi {
  margin-top: 10px;
  color: #ec8eb7;
  font-size: 16px;
  text-align: center;
}
.tiaoz {
  text-align: center;
  color: #000;
}
</style>